<script setup lang="ts">
import ChannelNav from './components/ChannelNav.vue'
import ArticleList from './components/ArticleList.vue'
import { ref } from 'vue'

const channelIndex = ref<number>(0)

const fnChangeId = (id: number) => {
  channelIndex.value = id
}
</script>

<template>
  <ChannelNav :channelIndex="channelIndex" @changeId="fnChangeId"></ChannelNav>
  <ArticleList :channelIndex="channelIndex"></ArticleList>
</template>
